<template>
  <div ref="'warpper'" class="patrol_wrapper">
    <ScrollTable :table-coloum="coloum" :show-no="false" />
  </div>
</template>
<script>
import ScrollTable from '@/components/scrollTable/index.vue';
export default {
  components: {
    ScrollTable
  },
  data() {
    return {
      coloum: [
        {
          label: '项目名称',
          prop: 'name'
        },
        {
          label: '巡检人',
          prop: 'status'
        },
        {
          label: '时间',
          prop: 'reportTime'
        },
        {
          label: '状态',
          prop: 'warnType'
        }
      ]
    };
  }
};
</script>
<style lang="scss" scoped>
.patrol_wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding-top: 25px;
  box-sizing: border-box;
}
:deep(.scrollTable-wrap .table-coloum) {
  // box-shadow: inset 0px 0px 6px 1px rgba(36, 196, 255, 0.58);
  box-shadow: inset 1px 0px 3px 2px rgba(36, 196, 255, 0.58);
  .table-coloum-item {
    text-align: center;
  }
}
:deep(.table-item-list .table-item) {
  > div {
    text-align: center;
  }
  background: linear-gradient(87deg, rgba(251, 197, 95, 0) 0%, rgba(32, 74, 135, 0) 0%, rgba(31, 75, 139, 0.25) 4%, rgba(20, 93, 193, 0.59) 55%, rgba(16, 92, 193, 0.1) 100%);
}
</style>
